<template>
	<view>
		<custom-nav-bar title="收款管理" @rightBtn="showFilter = true" isRight="false"/>
		<!-- 页面内容（需预留导航栏高度） -->
		<view :style="{ marginTop: totalNavHeight + 'px' }">
			<view class="info">
				<text class="info-title">收款</text>
				<view class="info-details">
					<!-- <view class="pay-box">
						<image class="pay-img" src="/static/payImg/zhifubao.png"><text class="public-blue">支付宝</text></image>
					</view> -->
					<!-- <view class="pay-title">收款笔数：<text class="pay-nub">24.01</text></view>
					<view class="pay-title">返佣金额：<text class="pay-nub">24.33</text></view> -->
				</view>
			</view>
		</view>
		<!-- 收款记录 -->
		<!-- 内容部分 -->
		<view class="listing" v-if="dataList && dataList.length>0">

			<view class="trade-records" v-for="(item,index) in dataList" :key="index">
				<view class="trade-flex trade-top">
					<view class="trade-number">
						<view class="public-flex-fcenter">
							<image class="edit-img img-bacolor" :src="payimg(item.bank_type_id)"></image>
							<text class="public-black6">{{item.bank_name}}</text>
						</view>
					</view>
					<view>
						<image @click="edit(item)" class="edit-img" src="/static/commonImg/bianji2.png"></image>
						<image @click="clear(item.id)" class="edit-img" src="/static/commonImg/sc.png"></image>
					</view>
				</view>
				<view class="charge">
					<!-- 每行一个信息项 -->
					<view class="charge-row">
						<text class="charge-title">昵称：</text>
						<text class="charge-info">{{item.nickname}}</text>
					</view>
					<view class="charge-row">
						<view class="charge-title">支付宝账号：</view>
						<view class="charge-info">{{item.bank_card}}</view>
					</view>
					<view class="charge-row">
						<view class="charge-title">支付宝姓名：</view>
						<view class="charge-info">{{item.real_name}}</view>
					</view>
					<view class="charge-row">
						<view class="charge-title">最大接单数：</view>
						<view class="charge-info">{{item.one_day_order}}</view>
					</view>
					<view class="charge-row">
						<view class="charge-title">同时接单数：</view>
						<view class="charge-info">{{item.tong_shi_order}}</view>
					</view>
				</view>
				<view class="Access" @click="getOrder(0,item.id)" v-if="item.status==0">一键接单</view>
				<view class="AccessStop" @click="getOrder(1,item.id)" v-else>停止接单</view>
			</view>
			<!-- 加载状态提示 -->
			<view v-if="isLoading" class="loading-text">加载中...</view>
			<view v-if="noMoreData" class="no-more-text">没有更多数据了</view>
		</view>
		<EmptyRecord v-else></EmptyRecord>
		<view class="btn-position">
			<view class="add-btn" @click="addmoneyMoney">
				<image class="add-img" src="/static/commonImg/add.png"><text class="add-title">添加收款账号</text></image>
			</view>
		</view>
		<!-- 温馨提示弹窗组件 -->
			    <PromptPopup 
			      ref="pointOut"
				  :pointOut="pointOut"
				  option="1"
				  :popupType="popupType"
				  @close="closeevent"
				  @confirm="collectMoney"
			    />
		<!-- 添加收款账号弹窗组件 -->
		    <popupChannelVue 
		      ref="collectMoney"
			  option="0"
			  :list="collectionChannelList"
			  @modifyList="modifyList"
			  @confirm="addmoney"
		    />
	</view>
</template>

<script src="./index.js"></script>
<style scoped src="./index.scss" lang="scss"></style>